<cp-navbar (onClickLeft)="onClickLeft()"></cp-navbar>
<div class="container">
  <div class="type flm" *ngIf="mode === 'flm'">
    <p class="title">房乐美</p>
    <p class="desc">竭诚为您服务</p>
  </div>
  <div class="type broker" *ngIf="mode === 'broker'">
    <img [src]="worker.Photo" class="avatar" />
    <p class="name">{{ worker.Name }}</p>
    <div class="rates"><cp-rate [score]="worker.Score"></cp-rate></div>
    <span class="organization">{{ worker.Organization }}</span>
    <p class="desc">竭诚为您服务</p>
  </div>
  <div class="form">
    <div class="form-group border-bottom">
      <span class="label">您的称呼</span>
      <input type="text" class="name" [(ngModel)]="name" placeholder="请输入您的称呼" />
      <span class="sex" (click)="selectSex('先生')" [class.active]="activeSex === '先生'">先生</span>
      <span class="sex" (click)="selectSex('女士')" [class.active]="activeSex === '女士'">女士</span>
    </div>
    <div class="form-group border-bottom">
      <span class="label">手机号码</span>
      <input type="tel" class="tel" [(ngModel)]="phone" placeholder="请输入您的手机号码" />
      <button class="btn btn-sm btn-captcha" (click)="sendCaptchaAction()" *ngIf="leftTime === 60">获取验证码</button>
      <button class="btn btn-sm btn-reget" *ngIf="leftTime !== 60" disabled>{{ leftTime }}s后重发</button>
    </div>
    <div class="form-group">
      <span class="label">验证码</span>
      <input type="tel" class="tel" [(ngModel)]="captcha" placeholder="请输入验证码" />
    </div>
  </div>
  <div class="oprbar">
    <button
      class="btn btn-lg btn-block btn-radius btn-gradient btn-shadow"
      (click)="submitAction()"
      [disabled]="disabled"
    >
      确定预约
    </button>
  </div>
</div>
